  <nav class="navbar navbar-expand-lg fixed-top navbar-dark">
    <div class="container navbar-content">
      <a class="navbar-brand main-logo" href="#page-top">
        <i class="fas fa-layer-group"></i> Vular <span>·</span> 秀
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" 
        data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav ml-auto">
              <li class="nav-item">
                <a class="nav-link" href="#about">Studio</a>
              </li>
              <!--li class="nav-item">
                <a class="nav-link" href="#about">Editor</a>
              </li-->
              <li class="nav-item">
                <a class="nav-link" href="#about">博客</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#contact">联系我们</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#contact"><i class="fab fa-github"></i>  GitHub</a>
              </li>
        </ul>
      </div>
    </div>
  </nav>    

  <section class="header">
    <div class="mask"></div>
    <div class="container">
      <div class="row">
        <div class="col-md-6 banner-text-box pr-5">
          <h1 class="display-3">RXEditor Studio</h1>
          <h3 class="mt-3">一个响应式，可视化，开源HTML编辑工具，基于Bootstrap实现。</h3>
          <div class="mt-4 pb-5"><a class="btn btn-primary btn-lg" href="#"><i class="fas fa-caret-right"></i> 马上使用</a></div>
        </div>
        <div class="col-md-6 movie-image-box">
          <img src="/themes/vular/images/home.gif" />
        </div>
      </div>
    </div>
  </section>
  <div class="container mt-5">
    <div class="row">
      <div class="col">
        模板库支持，拖拽编辑。代码于可视化编辑自由切换（页面代码，组件代码分开编辑）。内核独立。CSS，Javascript编辑。拖放动作，可以精确到字符级。

      </div>
    </div>
  </div>
  <!-- Services -->
  <section class="page-section" id="services">
  </section>

  <!-- Footer -->
  <footer class="footer mt-5 pt-5 pb-5">
    <div class="container text-center">
      Copyright 2020 Vular - 所有权利保留 <a target="_blank" href="http://www.beian.miit.gov.cn/">鲁ICP备20004279号-1</a>
    </div>
  </footer>